<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>到货验收--材料设备进场检验报告form</title>
    <!--公用样式-->
    <link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/common/css/comment.css"/>
    <!--页面样式-->
    <link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/common/css/style.css"/>
    <!--Layui-->
    <link rel="stylesheet" href="${re.contextPath}/plugin/layui/css/layui.css" media="all"/>
    <!--extended-->
    <link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/common/css/extended.css"/>
    <!--公用样式JS-->
    <script type="text/javascript" src="${re.contextPath}/plugin/jquery/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="${re.contextPath}/plugin/common/js/comment.js"></script>
    <script type="text/javascript" charset="utf-8" src="${re.contextPath}/plugin/common/js/jquery.boot.js"></script>
    <script type="text/javascript" src="${re.contextPath}/plugin/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="${re.contextPath}/plugin/tools/tool.js"></script>
    <script type="text/javascript" src="${re.contextPath}/pageoffice.js" id="po_js_main"></script>
</head>
<style>
    .windows {
        background-color: #f8f8f8;
    }
    .popUp {
        width: 90%;
    }
    .tableSelectBar>.layui-form input{
        display: none!important;
    }
    .tableSelectBar>.layui-form button{
        display: none!important;
    }
</style>

<body>
<div class="windows">

    <div class="popUp whitebg">
        <div class="popUpTitle ft24 bold">监理文档移交单</div>
        <div class="clearfix mt10">

        </div>
        <div class="popUpBox book">

            <form action="" class="layui-form addform">

                <div class="popUpBox acceptance">
                    <table>
                        <tr>
                            <td style="border: 1px solid #CCCCCC;width: 20%;">工程名称</td>
                            <td style="border: 1px solid #CCCCCC;width: 80%;">
                                <input type="hidden" name="spfPrjid" value="${spf_prjid}">
                                <input type="hidden" name="fileInd" value="${ind}">
                                <input type="hidden" name="spfStaid" value="${spf_staid}">
                                <input type="hidden" name="spfMilid" value="${spf_milid}">
                                <input type="hidden" name="projectName" value="${pdto.projectName}">
                                <input type="hidden" name="spfFilecode" value="${spfFilecode}">
                                <input type="hidden" name="bfcId" value="41">
                                <input type="hidden" name="orderCode" value="${orderCode}">
                                <input type="hidden" name="fbCode" value="${fbCode}">
                                <input type="hidden" name="pcId" value="${pcId}">
                                <input type="hidden" name="wjNum" value="21">
                                <input type="text" name="spfF1" id="spfF1" value="${pdto.projectName}"
                                       lay-verify="spfF1"
                                       style="width: 100%;">
                            </td>

                        </tr>
                        <tr>
                            <td style="border: 1px solid #CCCCCC;width: 20%;">业主单位</td>
                            <td style="border: 1px solid #CCCCCC;width: 80%;">
                                <input type="text" name="spfF2" lay-verify="spfF2" value="${pdto.owerCompany}">
                            </td>
                        <tr>
                            <td style="border: 1px solid #CCCCCC;width: 10%;text-align: center;">监理单位</td>
                            <td colspan="2" style="border: 1px solid #CCCCCC;width: 30%; text-align: left;">
                                <input type="text" style="width: 250px;" name="spfF3"
                                       value="${pdto.supervisorCompanyName}" lay-verify="spfF3">
                            </td>

                        </tr>
                        <tr>
                           <table id="tabledata">
                                <thead>
                                <tr>
                                    <td  style="width: 10%; border: 1px solid #CCCCCC;   text-align: center;" align="center">
                                        序号
                                    </td>
                                    <td  style="width: 40%;border: 1px solid #CCCCCC;" align="center">
                                        移交内容
                                    </td>
                                    <td  style="width: 40%;border: 1px solid #CCCCCC;" align="center">
                                        说明
                                    </td>
                                    <td  style="width: 10%;border: 1px solid #CCCCCC;" align="center">
                                        操作
                                    </td>

                                </tr>
                                </thead>
                                <tbody>
                                 <tr>
                                 <td  style="width: 10%; border: 1px solid #CCCCCC;" align="center">
                                     <input type="text" class="fdata" value="1" style="text-align: center;"
                                            name="formDataList[0].data1" iname="data1">
                                     <input type="hidden" class="fdata" name="formDataList[0].tableRow"
                                            iname="tableRow" value="5">
                                     <input type="hidden" class="fdata" name="formDataList[0].tableCos"
                                            iname="tableCos" value="3">
                                     <input type="hidden" class="fdata" name="formDataList[0].tableIndex"
                                            iname="tableIndex" value="1">
                                 </td>
                                 <td  style="width: 40%;border: 1px solid #CCCCCC;" align="center">
                                     <input type="text" class="fdata" name="formDataList[0].data2"
                                            iname="data2">
                                 </td>
                                 <td  style="width: 40%;border: 1px solid #CCCCCC;" align="center">
                                     <input type="text" class="fdata" name="formDataList[0].data3"
                                            iname="data3">
                                 </td>
                                     <td style="width: 10%;border: 1px solid #CCCCCC;" align="center">
                                         <img src="${re.contextPath}/plugin/common/images/19@2x.png"
                                              style="width: 22px;padding:10px " onclick="deleteStr(this)" alt="">
                                     </td>
                                </tr>
                                </tbody>
                            </table>
                        </tr>

                    </table>
                    <table style="border: none;">
                        <tr style="border: none;">
                            <td style="border: none;width: 90%;" colspan="3"></td>
                            <td style="border: none;width: 10%;">
                                <img src="${re.contextPath}/plugin/common/images/57@2x.png" alt=""
                                     onclick="addStr(this)" style="width: 21px;padding-left: 39px;padding-top: 10px;">
                            </td>
                        </tr>

                    </table>

                </div>
                <div class="popUpBtn center">
                    <button type="button" class="blue bgnone close">关闭</button>
                    <button type="button" class="bluebg white" lay-submit lay-filter="submit">提交</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- 公共配置第三方组件 -->
<script type="text/javascript">
    layui.config({
        version: false,
        debug: false,
        base: "${re.contextPath}/plugin/layui/lay/modules/"
    })
</script>

<script>
    var layer;
    var form;
    var laydate;
    var tableSelect;
    var upload;
    var uploadListIns;
    var htlistJson = '${htlistJson}';
    var htList ;
    var htCount = 0;
    var htObjList = [];
    var formAct;
    layui.use(['form', 'laydate', 'layer', 'upload','tableSelect'], function () {
        layer = layui.layer;
        form = layui.form;
        laydate = layui.laydate;
        upload = layui.upload;
        tableSelect = layui.tableSelect;

        // 日期
        laydate.render({
            elem: '#spfF4',
            value: new Date(),
            trigger: 'click',
            format: 'yyyy年MM月dd日'
        });
        // 表单校验
        //$('form').initVerify(form);
        //监听提交
        //监听提交
        form.on('submit(submit)', function (data) {
            reNameList(data);
            layerAjax('/supervisor/projectManager/addFormFile', data.field, '', function (d) {
                if (d.flag == true) {
                    var spfId = d.data.spfId;// fmid
                    var fpid = d.data.fpid;// fpid
                    POBrowser.openWindowModeless('/sys/office/openword?ft=2&fmid=' + spfId + '&fpid=' + fpid, 'width=1200px;height=800px;', '{}')
                } else {
                    layer.msg(d.msg, {icon: 2});
                }
                console.log(d);
            });

            return false;

        });

        $('.close').click(function () {
            var index = parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);
        });
        form.render();
    });
    function addStr(object) {
        var _tb = $("#tabledata").find("tbody");
        var _tr = _tb.find("tr:last").clone();
        var _tr_cnt = _tb.find("tr").length + 1;
        _tr.find("td:eq(0) input:eq(0) ").val(_tr_cnt);
        _tb.append("  <tr>\n" +
            "                                 <td  style=\"width: 10%; border: 1px solid #CCCCCC;\" align=\"center\">\n" +
            "                                     <input type=\"text\" class=\"fdata\" style=\"text-align:center;\" value=\""+_tr_cnt+"\"\n" +
            "                                            name=\"formDataList[0].data1\" iname=\"data1\">\n" +
            "                                     <input type=\"hidden\" class=\"fdata\" name=\"formDataList[0].tableRow\"\n" +
            "                                            iname=\"tableRow\" value=\"5\">\n" +
            "                                     <input type=\"hidden\" class=\"fdata\" name=\"formDataList[0].tableCos\"\n" +
            "                                            iname=\"tableCos\" value=\"3\">\n" +
            "                                     <input type=\"hidden\" class=\"fdata\" name=\"formDataList[0].tableIndex\"\n" +
            "                                            iname=\"tableIndex\" value=\"1\">\n" +
            "                                 </td>\n" +
            "                                 <td  style=\"width: 40%;border: 1px solid #CCCCCC;\" align=\"center\">\n" +
            "                                     <input type=\"text\" class=\"fdata\" name=\"formDataList[0].data2\"\n" +
            "                                            iname=\"data2\">\n" +
            "                                 </td>\n" +
            "                                 <td  style=\"width: 40%;border: 1px solid #CCCCCC;\" align=\"center\">\n" +
            "                                     <input type=\"text\" class=\"fdata\" name=\"formDataList[0].data3\"\n" +
            "                                            iname=\"data3\">\n" +
            "                                 </td>\n" +
            "                                     <td style=\"width: 10%;border: 1px solid #CCCCCC;\" align=\"center\">\n" +
            "                                         <img src=\"${re.contextPath}/plugin/common/images/19@2x.png\"\n" +
            "                                              style=\"width: 22px;padding:10px \" onclick=\"deleteStr(this)\" alt=\"\">\n" +
            "                                     </td>\n" +
            "                                </tr>");
    }

    // 删除
    function deleteStr(object) {
        $(object).parent().parent().remove();
    }
    function reNameList(d) {
        $("#tabledata").find("tbody").find("tr").each(function (i, v) {
            var _v_tr = $(v);
            _v_tr.find(".fdata").each(function (j, w) {
                var _v_input = $(w);
                d.field["formDataList[" + i + "]." + _v_input.attr("iname")]=_v_input.val();
            })
        })
    }
</script>
</body>
</html>
